<!doctype html>
<html lang="en">
<head>

<?php include './inc/css.html'; ?>

<style type="text/css">
    .swiper-wrapper{
       color:#fff;
    }
    .swiper-slide{
        text-align: center;
        /*line-height: 3rem;*/
        height: 1.5rem;
        background-size:cover;
        background-position: center center;
        background-repeat: no-repeat;
    }
    #info.swiper-container{
        height:.9rem;
    }
    #info .swiper-slide{
        height:.3rem;
        line-height:.3rem;
        overflow: hidden;
        padding:0 15px;
    }


    .wrap{
        margin-bottom:.55rem;
    }
    .sectionheader .more{
        font-weight: normal;
        font-size: 80%;
    }

</style>

</head>
<body>

<!-- <?php include './inc/pagetitle.html'; ?>  -->
<div id="banner" class="swiper-container _bg_light">
    <div class="swiper-wrapper">
        <?php for ($i=1;$i<3;$i++) { ?>
           <div class="swiper-slide" style="background-image:url(./../assets/img/slider<?php echo $i; ?>.jpg)">
            <a class="" href="#"></a>
           </div>
        <?php } ?>
    </div>
    <!-- 如果需要滚动条 -->
    <!-- <div class="swiper-scrollbar"></div> -->
</div>
<div class="line1"></div>
<!-- Start 新闻资讯 -->
<div class="sectionheader tc">
    <div class="sectiontitle p15 ">新闻资讯<a class=" fr more " href="./information.php">更多<span class="ion-ios-arrow-right"></span></a></div>
    <!-- <div class="sectionsubtitle _text_secondary ">最新动态</div> -->
</div>
<!-- End 新闻资讯 -->
<div id="info" class="swiper-container _bg_light">
    <div class="swiper-wrapper">
        <?php for ($i=1;$i<10;$i++) { ?>
           <div class="swiper-slide ">
            <a class="_text_secondary" href="./information_detail.php">行业资讯行业资讯行业资讯行业资讯行业资讯行业资讯<?php echo $i; ?></a>
           </div>
        <?php } ?>
    </div>
    <!-- 如果需要滚动条 -->
    <!-- <div class="swiper-scrollbar"></div> -->
</div>

<div class="wrap">






<!-- Start 课程-->

<div class="line1"></div>
<div class="list-header _border_dark">
    <div class="h-info fl ">
        <p class="title oneline">经典课程</p>
        <p class="subtitle oneline">快速提升职业技能</p>
    </div>
    <div class="h-icon fr tr">
        <span class="ion-ios-more"></span>
    </div>
</div>
<div class="line1"></div>

<!-- data-url="填写分页加载的链接参数为p"  -->
<ul id="list" data-url=""  class="list commonlist">
<?php include './inc/courselist.html'; ?>
</ul>
<!-- End 课程-->


<!--底部-->
<div class="listbottom tc op6">我是有底线的~</div>
 
</div>   

<?php include './inc/nav.html'; ?>
</body>

<?php include './inc/js.html'; ?>
<script type="text/javascript">
$(document).ready(function(){
  // 初始化轮播图
  var bannerSwiper = new Swiper ('#banner', {
        autoplay:5000,
        effect : 'fade',
        fade: {
          crossFade: false,
        },
        autoplayDisableOnInteraction:false
        // scrollbar: '.swiper-scrollbar'
    } ) ;


  var infoSwiper = new Swiper ('#info', {
        autoplay:3000,
        direction : 'vertical',
        slidesPerView : 3,
        slidesPerGroup : 1,
        autoplayDisableOnInteraction:false

    } ) ;




    // new WOW().init();

})

</script>
</html>